<template>
    <div class="logo">
        <a-button class="logo-icon">
            <template #icon>
                <icon-font :type="logoIcon" :size="size" />
            </template>
        </a-button>
        <a-divider direction="vertical" />
        <div class="logo-text">
            {{ text }}
        </div>
    </div>
</template>
<script lang="ts" setup>
import IconFont from '@/composables/IconFont';
const props = withDefaults(defineProps<{
    text?: string,
    logoIcon?: string,
    size?: number
}>(), {
    text: 'logo',
    logoIcon: 'icon-qie1',
    size: 24,
})
const { text, logoIcon } = toRefs(props)


</script>
<style scoped lang="css">
.logo {
    display: flex;
    align-items: center;
    color: var(--a-text-color-primary);
    font-size: 16px;
}
</style>